<template>
	<view class="loading-tips">
		<image :src="imageUrl+loading[type]" class="loading"></image>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				loading:['/loading/resume.gif','/loading/matching-position.gif','/loading/release-policy.gif','/loading/release-position.gif'],
			}
		},
		props:{
			type:{
				type:Number,
				default:0
			},
			imageUrl:'',
		},
	}
</script>

<style lang="scss">
	.loading-tips{
		position: fixed;
		z-index: 9999999;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, .5);
		.loading{
			width: 400rpx;
			height: 400rpx;
			position: fixed;
			transform: translate(-50%,-50%);
			left: 50%;
			top: 50%;
		}
	}
</style>